<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浣溪沙</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .demo{
            width: 800px;
            padding: 30px;
            background-color: rgb(173, 216, 230);
            margin:20px auto;
            text-align: center;
            font:bold 80px/100% "华文行楷";
            color: #fff;
            border-radius: 40px;
        }
        .demo0 {
            background-color: lightseagreen;
            color: #777;
            font-size: 65px;
        }
        /*添加阴影 侧阴影效果 text-shadow:offsetX offsetY blur color*/
        .demo1{
            text-shadow: 2px 2px 2px skyblue;
        }
        /* 辉光效果 */
        .demo2{
            text-shadow: 0px 0px 30px snow;
        }
        /*多层辉光效果*/
        .demo3{
            text-shadow: 0px 0px 30px #fff,0px 0px 50px silver,0px 0px 70px  palegreen;
        }
        /* 苹果经典效果 */
        .demo4{
            color:silver;
            text-shadow: 0px 1px 1px #fff;
        }
        /*浮雕立体效果 逗号隔开*/
        .demo5{
            color: #fff;
            text-shadow: -1px -1px 0px #eee,-2px -2px 0px #ddd,-3px -3px 0px #ccc;
        }
        /* 模糊字效果 */
        .demo6{
            color: transparent;
            text-shadow: 0px 0px 6px darkcyan;
        }
    </style>
</head>
<body>
<div class="demo demo0">浣溪沙--纳兰容若</div>
<div class="demo demo1">谁念西风独自凉</div>
<div class="demo demo2">萧萧黄叶闭疏窗</div>
<div class="demo demo3">沉思往事立残阳</div>
<div class="demo demo4">被酒莫惊春睡重</div>
<div class="demo demo5">赌书消得泼茶香</div>
<div class="demo demo6">当时只道是寻常</div>
</body>
</html>